<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>
<script >
export default {
  name: "app",

  created() {
    let loading = document.getElementById("preloader");
    if (loading != null) {
      let imageOptical = 1;

      let status = document.getElementById("status");
      var imgInterval = setInterval(() => {
        imageOptical -= 0.1;
        status.style.opacity = imageOptical;
        if (imageOptical <= 0) {
          clearInterval(imgInterval);
        }
      }, 100);

      let preloader = document.getElementById("preloader");
      let preOptical = 1.2;
      var preInterval = setInterval(() => {
        preOptical -= 0.1;
        preloader.style.opacity = preOptical;
        if (preOptical <= 0) {
          clearInterval(preInterval);
        }
      }, 100);
      document.body.removeChild(loading);
    }
  }
};
</script>
<style lang="less">
@import "~@/assets/style/public/public-class.less";

/*
*属性穿透，深选择器
*/
#app {
  /deep/ .view-page {
    width: 100%;
    border: solid 1px red;
    .module-page {
      min-width: 1180px;
      min-height: calc(100vh - 361px);
      margin: 0 auto;
    }
  }
}
.buy-color{
  color:#4db872;
}
.sell-color{
color:  #ee6560;
}
</style>
 